<!--
 * @Author: CC-TSR
 * @Date: 2021-01-18 10:49:18
 * @LastEditTime: 2021-01-21 12:33:25
 * @LastEditors: xiejiancheng1999@qq.com
 * @Description: 
 * @FilePath: \前端\src\components\MapTree\AnalystToolPanel.vue
 * @可以输入预定的版权声明、个性签名、空行等
-->

<template>
  <div class="tool-panel">
    <Drawer v-model="showDrawer" :mask="false" @on-close="modifyCheckTool">
      <div slot="header" class="title">合规性检测工具集</div>
      <Collapse simple v-model="expandValue">
        <Panel name="1">
          <strong>空间分析</strong>
          <CellGroup slot="content">
            <Cell><Icon type="ios-hammer" /> 缓冲区分析</Cell>
            <Cell><Icon type="ios-hammer" /> 叠加分析</Cell>
            <Cell><Icon type="ios-hammer" /> 邻域分析</Cell>
          </CellGroup>
        </Panel>
        <Panel name="2">
          <strong>空间管控</strong>
          <CellGroup slot="content" @on-click="controlLine">
            <Cell name="lineCheck"><Icon type="ios-hammer" /> 控制线检测</Cell>
            <Cell name="checkProp"
              ><Icon type="ios-hammer" /> 检查规则设置</Cell
            >
          </CellGroup>
        </Panel>
        <Panel name="3">
          <strong>空间统计</strong>
          <p slot="content">
            空间统计工具箱包含一系列用于分析空间分布、模式、过程和关系的统计工具。尽管空间统计和非空间统计（传统统计方法）在概念和目标方面可能存在某些相似性，但空间统计具有其固有的独特性，因为它们是专门为处理地理数据而开发的。与传统的非空间统计分析方法不同，空间统计方法是将地理空间（邻域、区域、连通性和/或其他空间关系）直接融入到数学逻辑中。
          </p>
        </Panel>
      </Collapse>
    </Drawer>
  </div>
</template>
<script>
import { mapState, mapActions } from "vuex";
import eventBus from "@/bus";
export default {
  name: "analystToolPanel",
  data() {
    return {
      expandValue: ["1", "2"],
    };
  },
  props: {
    showDrawer: {
      type: Boolean,
      required: true,
      default: false,
    },
  },
  methods: {
    ...mapActions("oneMap", ["updateSiderPanel"]),
    controlLine(name) {
      if (name !== "lineCheck") {
        return;
      }
      this.updateSiderPanel("lineCheckSider");
    },
    modifyCheckTool() {
      eventBus.$emit("modifyCheckTool");
    },
  },
};
</script>

<style>
.ivu-drawer-right {
  height: 70% !important;
  top: 155px !important;
  right: 25px !important;
}
.ivu-drawer-header {
  padding: 0 !important;
}
</style>
<style scoped>
.title {
  width: 100%;
  height: 50px;
  background: rgb(2, 64, 85);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
</style>